/*
	@author Gavrilyak Myroslav (kl65us)
	@description CHNU, Lab work 5
*/

/*  global */

*, html, body {
	padding: 0;
	margin: 0;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14pt;
	background: url(../images/header/background.png) repeat-x;
}

a:link,
a:visited,
a:hover,
a:active {
	background: none;
	text-decoration: none;
	color: inherit;
}

a img {
	border: none;
}

/* wrapepr */

#wrapper {
	width: 850px;
	margin: 0 auto;
	height: auto;
}

/* header */

#header {
	margin-top: 20px;
	width: inherit;
	height: 100px;
	padding-left: 40px;
}

/* logo and text in header*/
#logo {
	display: block;
	float: left;
}

#logo img {
	width: 100px;
	height: 100px;
}

#title {
	display: block;
	width: 500px;
	margin-left: 200px;
	margin-right: auto;
	height: 100px;
	text-align: center;
	font-size: 1.7em;
	padding-top: 30px;
}

/* nav_menu */

#nav_menu {
	display: block;
	float: left;
	width: inherit;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 70px;
}

/* links */
#nav_menu ul li{
	list-style-type: none;
	display: inline;
	text-transform: uppercase;
	color: #8E0000;
	font-size: 1.2em;
	margin-left: 10px;
	margin-right: 30px;		
}

#nav_menu ul li a:link {}
#nav_menu ul li a:visited {}
#nav_menu ul li a:hover {
	background: none;
	color: #AC1919;
}

#nav_menu ul li a:active {
	color: black;
}

/* slider */
#slider {
	display: block;
	float: left;
	width: 820px;
	border: 2px solid #C2C2C2;
	border-top: none;
	border-bottom: none;
	height: 205px;
	padding-left: 30px;
}

/* content, left and right arrows */
#left-arrow, #right-arrow {
	display: block;
	float: left;
	width: 50px;
}

#left-arrow img, #right-arrow img {
	margin-top: 60px;
}

#left-arrow img:hover, #right-arrow img:hover {
	cursor: pointer;
}

#slider-content {
	display: block;
	float: left;
	width: 400px;
	padding-left: 10px;
}

#slider-title {
	margin-top: 20px;
	text-align: center;
}

.title {
	display: inline-block;
	font-size: 1.2em;
	color: #FF1919;
	font-weight: 500;
}

.slider-content {
	display: inline-block;
	text-align: justify;
	font-size: 0.89em;
	color: #666666;
}

#slider-right-img {
	display: block;
	float: left;
}

#slider-right-img img {
	margin-top: 25px;
	margin-left: 20px;
	margin-right: 20px;
	width: 250px;
	height: auto;
}

/* buttons */
#buttons {
	display: block;
	float: left;
	width: inherit;
	height: 80px;
	border: 2px solid #C2C2C2;
	border-top: none;
	border-bottom: none;
	margin-top: 7px;
}

#buttons button {
	margin-top: 10px;
	border: none;
	/*margin-left: 10px;*/
	width: 164px;
	height: 57px;
	color: #8E0000;
	font-weight: 500;
	font-size: 1.2em;
	background: url(../images/buttons/btn-white-shadow-no-txt.png) no-repeat;
}

#buttons button:hover {
	cursor: pointer;
	background: url(../images/buttons/btn-white-shadow-no-txt-on-hover.png) no-repeat;
}

#buttons button:active {
	background: url(../images/buttons/btn-white-shadow-no-txt-on-click.png) no-repeat;
}

/* content */

#content {
	display: block;
	float: left;
	width: inherit;
	border: 2px solid #C2C2C2;
	border-top: none;
	border-bottom: none;
}

#content-title {
	font-size: 1.2em;
	font-weight: bold;
	color: #8E0000;
	text-align: center;
}

#content-text {
	text-indent: 25px;
	text-align: justify;
	padding: 10px;
	color: #666666;
}

#footer {
	display: block;
	padding-top: 15px;
	float: left;
	width: 100%;
	height: 50px;
	background: url(../images/footer/footer-background.png);
}

#cell-number {
	margin-top: 10px;
	text-align: center;
}

#cell-number span{
	text-align: center;
	padding-left: 20px;
	font-size: 1.0em;
	color: #E6E6E6;
}